﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        /*-----------------------hidden----------------------------*/
        .hidebg {	background: rgba(0,0,0,0.9);	width: 100%;	height: 100%;	left:0;	top:0;z-index:1;	position:fixed!important;	position:absolute;}
        .hidepart {	width:600px; height: 100%; overflow:auto;	position:absolute;	top:0;	left:50%; margin-left: -300px; z-index:2;	/*display:none; color: #fff; */text-align: center;}
        .hidehead { border: 6px solid rgba(0,0,0,0.1); padding: 10px;width: 250px; height: 250px; margin: 120px auto 0; border-radius: 50%; margin-bottom: 20px;}
        .hidehead span{background: url(../../images/logoszt.png) center center no-repeat #3399cc; background-size: 180px auto;border-radius: 50%; width: 100%; height: 100%; display:inline-block;}
        .hidestate{ padding: 20px 0; margin-bottom: 160px;}
        .hangup{background: url(../../images/tel.png) center center no-repeat #ff6666;transform: rotate(135deg);width: 250px; height: 250px;  position: absolute; bottom: 120px;  left: 40%; margin-left: -72px; border-radius: 50%; }
        .siriwave {width: 500px;height: 32px;position: relative;margin: 0 auto;}
    </style>
</head>

<body>
<div class="container">
    <div class="header">
        <div class="logo"><em class="_devName"></em></div>
        <div class="concact">
            <div class="tel_arrow"></div>
            <div class="tel">客服电话：<span class="_telephone"></span></div>
        </div>
    </div>
    <div class="contentbox">
    </div>
    <div class="hidepart">
        <div class="hidehead"><span></span></div>
        <p style="color: white;font-size: 30px;">人工客服</p>
        <div id="siri" class="siriwave">
        </div>
        <p class="hidestate" id="dialTip" style="color: white;font-size: 30px;"></p>
        <p class="hidestate" id="time" style="display:none;color: white;font-size: 30px;">通话时间：<span id="timeshow" style="color: #ff6666"></span>
        </p>
        <div class="hangup" id="hangup"></div>
    </div>
    <div class="hidebg" id="overDiv"></div>
</div>
</body>
</html>
<script src="../../js/frame/jquery.min.js"></script>
<script src="../../js/frame/wtsd.utils.js"></script>
<script src="../../../personal/js/Module.js"></script>
<script src="../../../personal/js/Config.js"></script>
<script src="../../../personal/js/TicketFormat.js"></script>
<script src="../../js/driver/BaseDriver.js"></script>
<script src="../../js/driver/CashBox.js"></script>
<script src="../../js/driver/POS.js"></script>
<script src="../../js/driver/LED.js"></script>
<script src="../../js/driver/MultiIO.js"></script>
<script src="../../js/driver/Common.js"></script>
<script src="../../js/driver/Xunfei.js"></script>
<script src="../../js/driver/Yeastar.js"></script>
<script src="../../js/gateway/BFE.js"></script>
<script src="../../js/gateway/TFE.js"></script>
<script src="../../js/biz/common/BizCache.js"></script>
<script src="../../js/biz/common/PageTools.js"></script>
<script src="../../js/frame/chat.js"></script>
<script src="../../js/frame/require.js"></script>
<script src="../../js/frame/lib.js"></script>
<script src="../../js/gateway/ICSS.js"></script>
<script src="../../js/frame/siriwave.js"></script>
<script src="../../js/biz/phone/phone.js"></script>